www.gusucode.com > 一个JSP CMS文章管理系统源码源码程序 > 一个JSP CMS文章管理系统源码/CMS4J/CMS4J/ROOT/js/tree/webfxcheckboxtreeitem.js
/* * Sub class that adds a check box in front of the tree item icon * * Created by Erik Arvidsson (http://webfx.eae.net/contact.html#erik) * * Disclaimer: This is not any official WebFX component. It was created due to * demand and is just a quick and dirty implementation. If you are * interested in this functionality the contact us * http://webfx.eae.net/contact.html * * Notice that you'll need to add a css rule the sets the size of the input box. * Something like this will do fairly good in both Moz and IE * * input.tree-check-box { * width: auto; * margin: 0; * padding: 0; * height: 14px; * vertical-align: middle; * } * */ function WebFXCheckBoxTreeItem(sText, sAction, bChecked, eParent, sIcon, sOpenIcon) { this.base = WebFXTreeItem; this.base(sText, sAction, eParent, sIcon, sOpenIcon); this._checked = bChecked; } WebFXCheckBoxTreeItem.prototype = new WebFXTreeItem; WebFXCheckBoxTreeItem.prototype.toString = function (nItem, nItemCount) { var foo = this.parentNode; var indent = ''; if (nItem + 1 == nItemCount) { this.parentNode._last = true; } var i = 0; while (foo.parentNode) { foo = foo.parentNode; indent = "<img id=\"" + this.id + "-indent-" + i + "\" src=\"" + ((foo._last)?webFXTreeConfig.blankIcon:webFXTreeConfig.iIcon) + "\">" + indent; i++; } this._level = i; if (this.childNodes.length) { this.folder = 1; } else { this.open = false; } if ((this.folder) || (webFXTreeHandler.behavior != 'classic')) { if (!this.icon) { this.icon = webFXTreeConfig.folderIcon; } if (!this.openIcon) { this.openIcon = webFXTreeConfig.openFolderIcon; } } else if (!this.icon) { this.icon = webFXTreeConfig.fileIcon; } var label = this.text.replace(/</g, '<').replace(/>/g, '>'); var str = "<div id=\"" + this.id + "\" ondblclick=\"webFXTreeHandler.toggle(this);\" class=\"webfx-tree-item\" onkeydown=\"return webFXTreeHandler.keydown(this, event)\">"; str += indent; str += "<img id=\"" + this.id + "-plus\" src=\"" + ((this.folder)?((this.open)?((this.parentNode._last)?webFXTreeConfig.lMinusIcon:webFXTreeConfig.tMinusIcon):((this.parentNode._last)?webFXTreeConfig.lPlusIcon:webFXTreeConfig.tPlusIcon)):((this.parentNode._last)?webFXTreeConfig.lIcon:webFXTreeConfig.tIcon)) + "\" onclick=\"webFXTreeHandler.toggle(this);\">" // insert check box str += "<input type=\"checkbox\"" + " class=\"tree-check-box\"" + (this._checked ? " checked=\"checked\"" : "") + " onclick=\"webFXTreeHandler.all[this.parentNode.id].setChecked(this.checked)\"" + " />"; // end insert checkbox str += "<img id=\"" + this.id + "-icon\" class=\"webfx-tree-icon\" src=\"" + ((webFXTreeHandler.behavior == 'classic' && this.open)?this.openIcon:this.icon) + "\" onclick=\"webFXTreeHandler.select(this);\"><a href=\"" + this.action + "\" id=\"" + this.id + "-anchor\" onfocus=\"webFXTreeHandler.focus(this);\" onblur=\"webFXTreeHandler.blur(this);\">" + label + "</a></div>"; str += "<div id=\"" + this.id + "-cont\" class=\"webfx-tree-container\" style=\"display: " + ((this.open)?'block':'none') + ";\">"; for (var i = 0; i < this.childNodes.length; i++) { str += this.childNodes[i].toString(i,this.childNodes.length); } str += "</div>"; this.plusIcon = ((this.parentNode._last)?webFXTreeConfig.lPlusIcon:webFXTreeConfig.tPlusIcon); this.minusIcon = ((this.parentNode._last)?webFXTreeConfig.lMinusIcon:webFXTreeConfig.tMinusIcon); return str; } WebFXCheckBoxTreeItem.prototype.getChecked = function () { var divEl = document.getElementById(this.id); var inputEl = divEl.getElementsByTagName("INPUT")[0]; return this._checked = inputEl.checked; }; WebFXCheckBoxTreeItem.prototype.setChecked = function (bChecked) { if (bChecked != this.getChecked()) { var divEl = document.getElementById(this.id); var inputEl = divEl.getElementsByTagName("INPUT")[0]; this._checked = inputEl.checked = bChecked; if (typeof this.onchange == "function") this.onchange(); } };